import { PageHeader } from 'antd';
import { relative } from 'path';
import React, { Fragment } from 'react';
import "./index.css"
let PayType: React.FC = () => {
  return (
    <Fragment>
      <PageHeader
        className="site-page-header"
        // onBack={() => null}
        title="支付方式"
        style={{ width: '100%', backgroundColor: '#666' }}
      // subTitle="支付方式"
      />
      <div className='rongqi' style={{display:'flex',height:'400px'}}>
        <div style={{ flex: '1', border: '1px solid' }}>
          <p>支付宝</p>
          <div className='divdiv'>
            <p>启用
              <span className='span'>
                <input type="radio" checked />
                <label htmlFor=""></label>
              </span>
            </p>
            <p>禁用
              <span className='span'>
                <input type="radio" />
                <label htmlFor=""></label>
              </span>
            </p>
          </div>
            <button style={{background:"blue", color:'white'}}>设置</button>
            <button style={{background:"red", color:'white'}}>删除</button>
        </div>
        <div style={{ flex: '1', border: '1px solid' }}>
        <p>微信</p>
          <div className='divdiv'>
            <p>启用
              <span className='span'>
                <input type="radio" checked />
                <label htmlFor=""></label>
              </span>
            </p>
            <p>禁用
              <span className='span'>
                <input type="radio" />
                <label htmlFor=""></label>
              </span>
            </p>
          </div>
            <button style={{background:"blue", color:'white'}}>设置</button>
            <button style={{background:"red", color:'white'}}>删除</button>
        </div>
        <div style={{ flex: '1', border: '1px solid' }}>
        <p>银联</p>
          <div className='divdiv'>
            <p>启用
              <span className='span'>
                <input type="radio" checked />
                <label htmlFor=""></label>
              </span>
            </p>
            <p>禁用
              <span className='span'>
                <input type="radio" />
                <label htmlFor=""></label>
              </span>
            </p>
          </div>
            <button style={{background:"blue", color:'white'}}>设置</button>
            <button style={{background:"red", color:'white'}}>删除</button>
        </div>
        <div style={{ flex: '1', border: '1px solid' }}>
        <p>易宝</p>
          <div className='divdiv'>
            <p>启用
              <span className='span'>
                <input type="radio" checked />
                <label htmlFor=""></label>
              </span>
            </p>
            <p>禁用
              <span className='span'>
                <input type="radio" />
                <label htmlFor=""></label>
              </span>
            </p>
          </div>
            <button style={{background:"blue", color:'white'}}>设置</button>
            <button style={{background:"red", color:'white'}}>删除</button>
        </div>
      </div>
    </Fragment>
  )
}

export default PayType;